<template>
	<view class="bazi_info" v-if="data!=null">

		<view class="base_info">

			<view class="show">
				<text class="l">缘主姓名:</text>
				<text class="r">{{data.base_info.name}}</text>
			</view>
			<view class="show">
				<text class="l">出生公历:</text>
				<text class="r">{{data.base_info.gongli}}</text>
			</view>
			<view class="show">
				<text class="l">出生农历:</text>
				<text class="r">{{data.base_info.nongli}}</text>
			</view>
			<view class="show">
				<text class="l">八字生辰:</text>
				<text class="r">{{data.bazi_info.bazi}}</text>
			</view>
			
			<view class="show">
				<text class="l">年柱纳音:</text>
				<text class="r">{{data.bazi_info.na_yin}}</text>
			</view>
			<view class="show">
				<text class="l">生肖星座:</text>
				<text class="r">{{data.xz}}</text>
			</view>
			
		</view>



		<view class="base_info">
			

			<view class="details">
				<view class="names">
					<text>喜用神分析：</text>
				
				</view>
				<view class="des">
					<text class="des_deta">日主天干为【{{data.xiyongshen.rizhu_tiangan}}】, 同类为【{{data.xiyongshen.tonglei}}】, 异类为【{{data.xiyongshen.yilei}}】
{{data.xiyongshen.qiangruo}}, 以【{{data.xiyongshen.xiyongshen}}】为喜用神
五行统计： {{data.xiyongshen.jin_number}}金，{{data.xiyongshen.mu_number}}木，{{data.xiyongshen.huo_number}}水，{{data.xiyongshen.huo_number}}火，{{data.xiyongshen.tu_number}}土</text>
				</view>
				
			</view>
			
			<view class="details">
				<view class="names">
					<text>日柱论命：</text>
				
				</view>
				<view class="des">
					<text class="des_deta">{{data.sizhu.rizhu}}</text>
				</view>
				
			</view>
			<view class="details">
				<view class="names">
					<text>性格分析：</text>
				
				</view>
				<view class="des">
					<text class="des_deta">{{data.wuxing.detail_description}}</text>
				</view>
				
			</view>
			<view class="details">
				<view class="names">
					<text>财运分析：</text>
				
				</view>
				<view class="des">
					<text class="des_deta">{{data.caiyun.sanshishu_caiyun.simple_desc}}，{{data.caiyun.sanshishu_caiyun.detail_desc}}</text>
				</view>
				
			</view>
			<view class="details">
				<view class="names">
					<text>姻缘分析：</text>
				
				</view>
				<view class="des">
					<text class="des_deta">{{data.yinyuan.sanshishu_yinyuan}}</text>
				</view>
				
			</view>
			<view class="details">
				<view class="names">
					<text>运程分析：</text>
				
				</view>
				<view class="des">
					<text class="des_deta">{{data.chenggu.description}}</text>
				</view>
				
			</view>
			<view class="details">
				<view class="names">
					<text>五行分析：</text>
				
				</view>
				<view class="des">
					<text class="des_deta">{{data.wuxing.detail_desc}},{{data.wuxing.simple_description}}</text>
				</view>
				
			</view>
			<view class="details">
				<view class="names">
					<text>命运分析：</text>
				
				</view>
				<view class="des">
					<text class="des_deta">{{data.mingyun.sanshishu_mingyun}}</text>
				</view>
				
			</view>
							

		</view>
		<view class="yl">
			<text>仅供娱乐！请勿当真</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				ff: {},
				data: null,
			}
		},
		onLoad(options) {
			
			 this.data=JSON.parse(options.data)
			 console.log( this.data)
			// console.log(this.data)
			// console.log(options.data)

		}
	}
</script>

<style lang="scss">
	@mixin flex {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 8px;
		height: 45px;
	}
	
	@mixin tr1_w {
		width: 33px;
		text-align: center;
	
	}
	text{
		user-select: all;
	}
	.bazi_info {

		.base_info {
			margin: 20px;

			.title {
				display: flex;
				padding: 10rpx;

				.shu {

					width: 5px;
					height: 20px;
					background-color: #e6a84b;
					border-radius: $uni-border-radius-base;
				}

				.ti {
					padding-left: 15rpx;
					font-weight: 800;
					font-size: 30rpx;
				}
			}

			.show {
				margin-top: 15px;

				.l_ {
					font-size: 28rpx;
					display: inline-block;
					min-width: 50px;
					font-weight: 800;
				}

				.l {
					font-size: 30rpx;
					display: inline-block;
					min-width: 80px;
					font-weight: 800;

				}

				
			}

			.details {
				border: 1px solid #e5e5e5;
				border-bottom: none;
				margin-top: 20px;
				.names {
					text-align: center;
					color: #e6a84b;
					border-bottom: 1px solid #e5e5e5;
					color: #e6a84b;
					font-weight: 800;
					background-color: #fff3ef;
					height: 50px;
					line-height: 50px;
				}

				.des {
					border-bottom: 1px solid #e5e5e5;
					padding-left: 20rpx;
					display: flex;
					align-items: center;

					.des_text {
						color: #e6a84b;
						width: 14%;
						font-weight: 800;
						user-select:text;
					}

					.des_deta {
						width: 85%;
						line-height: 26px;
						text-indent: 2em;
						user-select:text;
					}
				}
			}
		}

	}
</style>